<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
<script src="./axios.min.js"></script>
<script>
  // 1. 基本使用
  // 地址、方法、入参 、回参
  axios({
    url:'http://localhost:3000/fanji?pageSize=10&page=1',
    method:'GET',
    headers:{
      'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aW1lIjoxNzM5MzQyMzY1MjMyLCJleHBpcmUiOjcyMDAwMDAsImlhdCI6MTczOTM0MjM2NX0.e25oEW0b8wxmDfMW7dKOBocIRSso27xqpHWpbogohjU'
    }
  }).then(result=>{
    console.log(result);
  })

  // 2. 使用axios的GET子方法
  let url = 'http://localhost:3000/fanji'
  axios.get(
    url,
    {  //请求配置对象
      headers:{
        'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aW1lIjoxNzM5MzQyMzY1MjMyLCJleHBpcmUiOjcyMDAwMDAsImlhdCI6MTczOTM0MjM2NX0.e25oEW0b8wxmDfMW7dKOBocIRSso27xqpHWpbogohjU'
      },
      params:{pageSize:2,page:1} //get携带参数
    }
  ).then(result=>{
    console.log(result);
  })

  // 3. 使用axios的POST子方法
  axios.post(
    url,  //请求地址
    {list:[]}, //携带的数据
    {    //请求配置
      headers:{
        'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aW1lIjoxNzM5MzQyMzY1MjMyLCJleHBpcmUiOjcyMDAwMDAsImlhdCI6MTczOTM0MjM2NX0.e25oEW0b8wxmDfMW7dKOBocIRSso27xqpHWpbogohjU'
      }
    }
  ).then(result=>{
    console.log(result);
  })

</script>
</html>